﻿/*var*/
.fleft{float: left;}
.fright{float: right;}
.block{display: block;}
.w100{width: 100%;}
.h100{height: 100%;}
@mainRed:#e83226;
.hand{cursor: pointer;}

.wrapper{width: 1052px;margin: 0 auto;position: relative;height: 700px;padding-top: 182px;}

/*header*/
#header{position: absolute;left:0; top:10px;width: 1052px;z-index:100;
    .rnav{.fright;margin-top:10px;
        ul{ height:12px;
            li{.fleft;width: 84px;text-align: center;border-left:1px solid #7f7f7f;height:12px;line-height:12px;
               a{color:black;}
            }
        }
    }
    .menu-bar{background:@mainRed ;height: 58px;margin-top:59px;
        .logo{.h100;.fleft;width: 112px;
              a{.block;padding: 9px 17px 0;}
        }
        ul.menu{.h100;.fleft;
            li{.fleft;width:94px;padding-top:6px; border-left:1px solid white;
               &.last{border-right: 1px solid white;}
                a{color:white;.block;padding: 3px 0 7px;text-align:center;height: 42px;line-height: 42px;
                  &.now,&:hover{text-decoration: none;background: white;color: @mainRed;}
                  &.now{font-weight: bold;}
                }
            }
        }
        .searchBox{.fright;width: 210px;padding-top:20px;
                   input{
                       &.txt{background: url(images/bg-text1.png) no-repeat;width: 140px;padding-left:25px;height: 20px;border: none;line-height: 20px;color: #bebfbf;}
                       &.btn{background: url(images/bg-btnGo.png) no-repeat;width: 32px;height: 19px;text-indent: -99px;overflow: hidden;border: none;}
                   }
        }
    }
}

.main-page{min-height: 400px;padding-bottom:20px;}

.main-left{.fleft;width: 218px;
    .site-path{
        a{color:black;}
    }
    ul.nav{width: 204px;padding-top:10px;background:@mainRed;
           li{background:url(images/bg-leftnav.gif) no-repeat 8px center white;border-bottom:1px solid @mainRed;height:20px;line-height:20px;overflow:hidden;padding-left:20px;
               a{color:black;
                 &.now,&:hover{color: @mainRed;}
               }
           }
    }
}


.main-right{.fright;width: 204px;
            ul.contact{padding: 0 10px;border:solid @mainRed;border-width:10px 1px 1px;margin-bottom:10px;
                       li{line-height:20px;height: 20px; border-bottom: 1px solid @mainRed;color:@mainRed;
                          &.r1{background: url(images/bg-contactLi.png) no-repeat left center;padding-left:1em;}
                          &.last{border: none;}
                       }
            }
            .loginBox{border: solid @mainRed;border-width: 10px 1px 1px;margin: 10px 0;
                table{margin:22px auto; width:154px;
                    th{color:@mainRed;width: 42px;text-align: center;}
                    td{width:112px; height:30px;
                        input{
                            &.txt{background: url(images/bg-text2.png) no-repeat;border:none;width:103px;height: 20px;line-height: 20px;padding-left: 6px;}
                            &.btn{border: none;background: url(images/bg-btn2.png) no-repeat right center white;padding-right:8px;margin-right: 10px;color: @mainRed;.hand;}
                        }
                    }
                }
            }
}

.page{width:614px; .fleft;
    .page-title{font-size: 20px;font-weight: bold;color: @mainRed;margin-bottom:10px;}
    .page-cnt{text-indent: 2em;}
}

#footer{border-top:1px solid #7f7f7f;padding-top:1em;
    p{text-align: center;color:#bfbfbf;line-height:20px;
      & a{color: #bfbfbf;}
      &.beian{color: black;}
    }
}

/*list style1*/
.list-style1{
    h2.list-title{font-weight: bold;height:26px;line-height: 26px;border-bottom: 1px solid #d3d7e9;}
    table{.w100;margin:10px 0;
        th,td{line-height: 22px;}
        th{width:70px;text-align: left;vertical-align: top;}
        td{padding:0 10px 15px;
            a{display:block;width: 4.2em;color: #b7b5b6;}
        }
    }
}

.page{
    h2.title{line-height: 2em;height: 2em;font-weight: bold;}
    hr.red{border: 1px solid @mainRed;background: @mainRed;height: 18px;overflow: hidden;}
}

.page-news{
    .news-pic1,.news-pic2{margin-bottom: 40px;
        a{text-decoration:none;}
    }
    .news-pic2 a{margin-right: 2px;}
}

.page-kf{
    table.book{margin: 22px 0;
        th,td{padding: 5px 0;}
        th{width:64px;text-align: left;}
        td{
            input.txt{width: 158px;height: 20px;line-height:20px;border: 1px solid #c7c8c8;background:white;}
            select{width: 160px;height: 20px;}
            textarea{
                &.s1,&.s2{width: 262px;}
                &.s1{height: 42px;}
                &.s2{height: 84px;}
            }
        }
    }
    .valid{margin:1em 0;
        input.txt{border:1px solid #c7c8c8;height:28px;line-height:28px;width:152px;margin-top:20px;margin-left:4px;background:white;}
    }
    .buttons{text-align:center;width:360px;
        input{padding:4px 10px;margin: 0 10px;}
    }
}

.wrapper-index{
    #header{
        .rnav{margin:0;width:210px;
            ul{padding-top:12px;background: url(images/bg-global.gif) no-repeat 20px 6px;height:20px;
                li{border-color:@mainRed;
                    a{color: @mainRed;}
                    &.global{padding-left: 35px;}
                }
            }
        }
    }
    .cols{padding-top: 400px;padding-bottom:50px;
        .col{.fleft;width: 246px;height:170px;background-position:left bottom;background-repeat:no-repeat;padding-right:20px;
             h2.col-title{line-height: 26px;height: 26px;color: @mainRed;font-weight: bold;font-size: 14px;}
             p{margin: 40px 0 20px 10px;width: 100px;line-height: 22px;}
        }
        a.detail{background: url(images/bg-icoarrow.png) no-repeat left center;color: @mainRed;display: block;margin-left: 10px;padding-left: 1em;line-height: 12px;line-height: 12px;}
        .col1{background-image: url(images/bg-colidx1.png);}
        .col2{background-image: url(images/bg-colidx2.png);}
        .col3{background-image: url(images/bg-colidx3.png);width: 253px;}
        .col4{background-image: url(images/bg-colidx4.png);padding-right: 0;}
    }
}

/*product page*/
.page-product{
    .pro-box{background:url(images/bg-proTop.png) no-repeat;width:813px;min-height:300px;
        .pro-bottom{background:url(images/bg-proBottom.png) no-repeat;}
    }
}